<template>
	<view>
		<image
			v-for="item in requireList"
			v-show="requireInfo.includes(item.key)"
			:src="item.src"
			class="logo"
			>
		</image>
	</view>
</template>

<script>
	export default {
		props: ["requireInfo"],
		data() {
			return {
				requireList: [
					{
						src: '/static/icon/car.png',
						key: '1'
					},
					{
						src: '/static/icon/excavator.png',
						key:'2'
					},
					{
						src: '/static/icon/twoWay.png',
						key: '3'
					},
					{
						src: '/static/icon/seal.png',
						key: '4'
					},
					{
						src: '/static/icon/home.png',
						key: '5'
					},
					{
						src: '/static/icon/cart.png',
						key: '6'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.logo{
	width: 44rpx;
	height: 44rpx;
	margin-left: 20rpx;
	margin-top: 0;
	vertical-align: middle;
}
</style>
